@zonos/elements 1.3.140 → 1.3.142

package/dist/cjs/{CheckoutConfig-165db6b6.js → CheckoutConfig-eaaf62a1.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const handleFetch = require('./handleFetch-4a90f091.js');
+const handleFetch = require('./handleFetch-864d3c53.js');
 
 const getTempCartById = async ({ cartId, retries, }) => {
     const urlParams = new URLSearchParams(window.location.search);

package/dist/cjs/{cart-e1b59d03.js → cart-199b0751.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-293bb3ba.js');
-const handleFetch = require('./handleFetch-4a90f091.js');
-const isDarkColor = require('./isDarkColor-dd6d723b.js');
-const getBorderRadius = require('./getBorderRadius-f72d8edf.js');
+const zonosStore = require('./zonosStore-8971eb65.js');
+const handleFetch = require('./handleFetch-864d3c53.js');
+const isDarkColor = require('./isDarkColor-434d71dd.js');
+const getBorderRadius = require('./getBorderRadius-f97c99ad.js');
 
 const stringsArabic = {
     ' (Duties due at door)': {
@@ -8983,7 +8983,7 @@ const getCountries = async () => {
         }
         return json;
     }
-    catch (error) {
+    catch (_a) {
         return null;
     }
 };
@@ -9110,7 +9110,7 @@ const getLocalization = async () => {
             locale: json.locale,
         };
     }
-    catch (error) {
+    catch (_a) {
         return { country: null, locale: null };
     }
 };
@@ -9233,7 +9233,7 @@ const isValidSelector = (selector) => {
         // this will error out if the selector is invalid in the DOM
         document.createDocumentFragment().querySelector(selector);
     }
-    catch (e) {
+    catch (_a) {
         return false;
     }
     return true;

package/dist/cjs/{getBorderRadius-f72d8edf.js → getBorderRadius-f97c99ad.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-293bb3ba.js');
+const zonosStore = require('./zonosStore-8971eb65.js');
 
 /**
  * Get the border radius for the elements based on the style

package/dist/cjs/{handleFetch-4a90f091.js → handleFetch-864d3c53.js}

@@ -19,7 +19,7 @@ const prepInfo = (info) => {
         const infoToJson = JSON.stringify(info);
         return infoToJson;
     }
-    catch (e1) {
+    catch (_a) {
         if (info && typeof info.toString === 'function') {
             const infoToString = info.toString();
             return infoToString;
@@ -111,7 +111,7 @@ const jsonParse = (_data) => {
             const json = JSON.parse(_data);
             return json;
         }
-        catch (_error) {
+        catch (_a) {
             return null;
         }
     }
@@ -155,7 +155,7 @@ const sendErrorLog = async ({ endpoint, errors, metadata, shouldPostReleaseError
             method: 'POST',
         });
     }
-    catch (_err) {
+    catch (_a) {
         const nextFallbackApi = getNextFallbackApiType();
         if (!nextFallbackApi) {
             return;
@@ -205,7 +205,7 @@ const encodeString = (text) => {
         const encodedString = btoa(text).replace(/=/g, '');
         return encodedString;
     }
-    catch (error) {
+    catch (_a) {
         // return the reverse string if the encoding failed
         return text
             .replace(/[^A-Za-z0-9]/g, '')
@@ -280,7 +280,7 @@ const handleRequest = async ({ basePathType, options, path, }) => {
             zonosMode,
         };
     }
-    catch (e) {
+    catch (_a) {
         const message = 'Unknown error';
         return {
             baseUrl,

package/dist/cjs/{index-d56e0a8b.js → index-b678ce0c.js}

@@ -24,7 +24,7 @@ const NAMESPACE = 'zonos-elements';
 const BUILD = /* zonos-elements */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: true, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: true, propString: true, reflect: false, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: true, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
 
 /*
- Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.22.3 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -416,7 +416,31 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
           if (nonce != null) {
             styleElm.setAttribute("nonce", nonce);
           }
-          styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector("link"));
+          if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
+            if (styleContainerNode.nodeName === "HEAD") {
+              const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
+              const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
+              styleContainerNode.insertBefore(styleElm, referenceNode2);
+            } else if ("host" in styleContainerNode) {
+              if (supportsConstructableStylesheets) {
+                const stylesheet = new CSSStyleSheet();
+                stylesheet.replaceSync(style);
+                styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
+              } else {
+                const existingStyleContainer = styleContainerNode.querySelector("style");
+                if (existingStyleContainer) {
+                  existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
+                } else {
+                  styleContainerNode.prepend(styleElm);
+                }
+              }
+            } else {
+              styleContainerNode.append(styleElm);
+            }
+          }
+          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD") {
+            styleContainerNode.insertBefore(styleElm, null);
+          }
         }
         if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
           styleElm.innerHTML += SLOT_FB_CSS;
@@ -439,7 +463,7 @@ var attachStyles = (hostRef) => {
   const scopeId2 = addStyle(
     elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
     cmpMeta);
-  if (flags & 10 /* needsScopedEncapsulation */) {
+  if (flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
     elm["s-sc"] = scopeId2;
     elm.classList.add(scopeId2 + "-h");
     if (flags & 2 /* scopedCssEncapsulation */) {
@@ -511,7 +535,11 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
             if (memberName === "list") {
               isProp = false;
             } else if (oldValue == null || elm[memberName] != n) {
-              elm[memberName] = n;
+              if (typeof elm.__lookupSetter__(memberName) === "function") {
+                elm[memberName] = n;
+              } else {
+                elm.setAttribute(memberName, n);
+              }
             }
           } else {
             elm[memberName] = newValue;
@@ -591,7 +619,9 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     {
       updateElement(null, newVNode2, isSvgMode);
     }
-    if (isDef(scopeId) && elm["s-si"] !== scopeId) {
+    const rootNode = elm.getRootNode();
+    const isElementWithinShadowRoot = !rootNode.querySelector("body");
+    if (!isElementWithinShadowRoot && BUILD.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
       elm.classList.add(elm["s-si"] = scopeId);
     }
     {
@@ -759,7 +789,10 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
         elm.textContent = "";
       }
       addVnodes(elm, null, newVNode2, newChildren, 0, newChildren.length - 1);
-    } else if (oldChildren !== null) {
+    } else if (
+      // don't do this on initial render as it can cause non-hydrated content to be removed
+      !isInitialRender && BUILD.updatable && oldChildren !== null
+    ) {
       removeVnodes(oldChildren, 0, oldChildren.length - 1);
     }
     if (isSvgMode && tag === "svg") {
@@ -799,7 +832,7 @@ var updateElementScopeIds = (element, parent, iterateChildNodes = false) => {
   if (element && parent && element.nodeType === 1 /* ElementNode */) {
     const scopeIds = new Set(findScopeIds(parent).filter(Boolean));
     if (scopeIds.size) {
-      (_a = element.classList) == null ? void 0 : _a.add(...element["s-scs"] = [...scopeIds]);
+      (_a = element.classList) == null ? void 0 : _a.add(...element["s-scs"] = Array.from(scopeIds));
       if (element["s-ol"] || iterateChildNodes) {
         for (const childNode of Array.from(element.childNodes)) {
           updateElementScopeIds(childNode, element, true);
@@ -1088,7 +1121,8 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
           if (this.hasOwnProperty(propName)) {
             newValue = this[propName];
             delete this[propName];
-          } else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && this[propName] == newValue) {
+          } else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
+          this[propName] == newValue) {
             return;
           } else if (propName == null) {
             const hostRef = getHostRef(this);

package/dist/cjs/index.cjs.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const handleFetch = require('./handleFetch-4a90f091.js');
-const CheckoutConfig = require('./CheckoutConfig-165db6b6.js');
+const handleFetch = require('./handleFetch-864d3c53.js');
+const CheckoutConfig = require('./CheckoutConfig-eaaf62a1.js');
 
 /**
  * Get the load version and url based on the loadScriptSrc and version
@@ -127,7 +127,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.140.js.zonos.com";
+    const cdnUrl = "https://v1.3.142.js.zonos.com";
     // when the qaUrl is not set and the built URL is from the test domain, use the test domain for testing
     if (!qaUrl &&
         (cdnUrl.includes('test.') ||
@@ -311,10 +311,10 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.140.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.140";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.140";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.140";
+const ZONOS_URL = "https://v1.3.142.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.142";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.142";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.142";
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const GOOGLE_FONT_REGEX = /^https:\/\/fonts\.googleapis\.com/;
 class Zonos {
@@ -328,7 +328,7 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
     !!window.location.search.match(/\?.*(&*)zonosConversionTest/);
 Zonos._paypalMockResponse = null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1734113749964";
+Zonos.releaseDate = "1734472646609";
 Zonos.isLegacyCheckout = false;
 Zonos.domain = typeof window !== 'undefined'
     ? // domain that embeds the iframe
@@ -344,7 +344,7 @@ Zonos.showBaseForeign = typeof window !== 'undefined' &&
 Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
-Zonos.version = `v${"1.3.140"}`;
+Zonos.version = `v${"1.3.142"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;
@@ -421,6 +421,8 @@ Zonos.init = async (params) => {
         document.body.appendChild(hiddenButton);
     }
     handleFetch.log('init zonos');
+    // inject custom script for hosted checkout if can find it in metadata
+    _a.injectCustomScriptForHostedCheckout();
     // inject zonos cdn
     _a.injectZonosCdn();
     // inject css for zonos elements
@@ -440,6 +442,33 @@ Zonos.init = async (params) => {
     });
     _a.doneInit = true;
 };
+Zonos.injectCustomScriptForHostedCheckout = () => {
+    const cartData = _a.cartData;
+    const metadata = (cartData === null || cartData === void 0 ? void 0 : cartData.metadata) || [];
+    const headerScript = metadata.find(meta => meta.key === 'customHeaderScript');
+    const footerScript = metadata.find(meta => meta.key === 'customFooterScript');
+    // Only inject the script if checkout is on Zonos hosted checkout and custom script is available
+    if (!window.Zonos.isLegacyCheckout || (!headerScript && !footerScript)) {
+        handleFetch.log('Skip injecting custom script for hosted checkout', 'info', {
+            footerScript,
+            headerScript,
+            isLegacyCheckout: window.Zonos.isLegacyCheckout,
+        });
+        return;
+    }
+    if (headerScript) {
+        handleFetch.log('Injecting custom header script');
+        const script = document.createElement('script');
+        script.textContent = headerScript.value;
+        document.head.appendChild(script);
+    }
+    if (footerScript) {
+        handleFetch.log('Injecting custom footer script');
+        const script = document.createElement('script');
+        script.textContent = footerScript.value;
+        document.body.appendChild(script);
+    }
+};
 Zonos.displayCurrency = () => {
     const zonosHello = document.querySelector('zonos-hello');
     if (zonosHello) {

package/dist/cjs/{isDarkColor-dd6d723b.js → isDarkColor-434d71dd.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-293bb3ba.js');
+const zonosStore = require('./zonosStore-8971eb65.js');
 
 var tinycolor$1 = {exports: {}};
 

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d56e0a8b.js');
+const index = require('./index-b678ce0c.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {

package/dist/cjs/{paypal-86cc51e4.js → paypal-4f1ee604.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const zonosStore = require('./zonosStore-293bb3ba.js');
-const cart = require('./cart-e1b59d03.js');
-const handleFetch = require('./handleFetch-4a90f091.js');
-const isDarkColor = require('./isDarkColor-dd6d723b.js');
+const zonosStore = require('./zonosStore-8971eb65.js');
+const cart = require('./cart-199b0751.js');
+const handleFetch = require('./handleFetch-864d3c53.js');
+const isDarkColor = require('./isDarkColor-434d71dd.js');
 
 /*!
  * paypal-js v8.1.0 (2024-06-07T16:55:00.122Z)
@@ -327,7 +327,7 @@ const paypalButtonOptions = ({ checkoutSessionId, onPaypalFail, onPaypalSessionD
                     cart.cartStore.inventoryCheckErrorMessage =
                         await cart.stripeStoreHandleInventoryCheck();
                 }
-                catch (err) {
+                catch (_a) {
                     // If user provide callback and it throw an exception, default to this message and stop the payment.
                     cart.cartStore.inventoryCheckErrorMessage = cart.translate('Unable to check inventory. Please try again.');
                 }

package/dist/cjs/zonos-address_7.cjs.entry.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-e1b59d03.js');
+const index = require('./index-b678ce0c.js');
+const cart = require('./cart-199b0751.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
-const handleFetch = require('./handleFetch-4a90f091.js');
+const handleFetch = require('./handleFetch-864d3c53.js');
 const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');
-const zonosStore = require('./zonosStore-293bb3ba.js');
+const zonosStore = require('./zonosStore-8971eb65.js');
 const classes = require('./classes-b7918f56.js');
 const RemoveIcon$1 = require('./RemoveIcon-081ac073.js');
-const getBorderRadius = require('./getBorderRadius-f72d8edf.js');
-const isDarkColor = require('./isDarkColor-dd6d723b.js');
+const getBorderRadius = require('./getBorderRadius-f97c99ad.js');
+const isDarkColor = require('./isDarkColor-434d71dd.js');
 
 const zonosAddressCss = ".sc-zonos-address-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-address-h *.sc-zonos-address{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-address-h img.sc-zonos-address{max-width:100%}.sc-zonos-address-h dl.sc-zonos-address,.sc-zonos-address-h dd.sc-zonos-address,.sc-zonos-address-h h1.sc-zonos-address,.sc-zonos-address-h h2.sc-zonos-address,.sc-zonos-address-h h3.sc-zonos-address,.sc-zonos-address-h h4.sc-zonos-address,.sc-zonos-address-h h5.sc-zonos-address,.sc-zonos-address-h h6.sc-zonos-address,.sc-zonos-address-h hr.sc-zonos-address,.sc-zonos-address-h figure.sc-zonos-address,.sc-zonos-address-h p.sc-zonos-address,.sc-zonos-address-h pre.sc-zonos-address{margin:0}.sc-zonos-address-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-address-h .zonos--title.sc-zonos-address{margin-bottom:16px}.sc-zonos-address-h zonos-banner.sc-zonos-address{margin-top:8px}";
 const ZonosAddressStyle0 = zonosAddressCss;

package/dist/cjs/zonos-badge.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d56e0a8b.js');
-const zonosStore = require('./zonosStore-293bb3ba.js');
+const index = require('./index-b678ce0c.js');
+const zonosStore = require('./zonosStore-8971eb65.js');
 const classes = require('./classes-b7918f56.js');
 
 const RemoveLineIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">

package/dist/cjs/zonos-banner.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d56e0a8b.js');
-const zonosStore = require('./zonosStore-293bb3ba.js');
+const index = require('./index-b678ce0c.js');
+const zonosStore = require('./zonosStore-8971eb65.js');
 const classes = require('./classes-b7918f56.js');
 
 const zonosBannerCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{border-radius:var(--zonos-elements-radius-10);padding:16px;background:var(--zonos-elements-gray-100)}:host .zonos--container{display:grid;-ms-flex-align:center;align-items:center;grid-template-areas:\"icon header\" \". content\";grid-template-columns:32px auto 0}:host .zonos--icon-wrapper{grid-area:icon;display:-ms-flexbox;display:flex;justify-self:start}:host .zonos--header-wrapper{margin-top:0px;grid-area:header}:host .zonos--content-wrapper{grid-area:content;margin-top:4px}:host(.info){background-color:var(--zonos-elements-blue-100);border:1px solid var(--zonos-elements-blue-200)}:host(.success){background-color:var(--zonos-elements-green-100);border:1px solid var(--zonos-elements-green-200)}:host(.error){background-color:var(--zonos-elements-red-100);border:1px solid var(--zonos-elements-red-200)}:host(.warning){background-color:var(--zonos-elements-orange-100);border:1px solid var(--zonos-elements-orange-200)}";

package/dist/cjs/zonos-button_3.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d56e0a8b.js');
-const zonosStore = require('./zonosStore-293bb3ba.js');
+const index = require('./index-b678ce0c.js');
+const zonosStore = require('./zonosStore-8971eb65.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-f72d8edf.js');
+const getBorderRadius = require('./getBorderRadius-f97c99ad.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
-const isDarkColor = require('./isDarkColor-dd6d723b.js');
+const isDarkColor = require('./isDarkColor-434d71dd.js');
 const styles = require('./styles-d1e64fb9.js');
 
 /**

package/dist/cjs/zonos-card.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d56e0a8b.js');
-const zonosStore = require('./zonosStore-293bb3ba.js');
+const index = require('./index-b678ce0c.js');
+const zonosStore = require('./zonosStore-8971eb65.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-f72d8edf.js');
+const getBorderRadius = require('./getBorderRadius-f97c99ad.js');
 
 const zonosCardCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .styled-card{border:var(--zonos-elements-border);border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-6));padding:var(--spacing, 24px);text-align:left;background-color:var(--zonos--background-color);overflow:hidden}:host .styled-card hr{margin-left:calc(var(--spacing, 24px) * -1);margin-right:calc(var(--spacing, 24px) * -1)}:host .styled-card .card-header{margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing, 24px);border-bottom:var(--zonos-elements-border);height:65px;line-height:65px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .styled-card .card-header h5{margin-bottom:0;-ms-flex:1;flex:1}:host .styled-card .card-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);border-top:var(--zonos-elements-border);background:var(--zonos-elements-surface-color-secondary);margin-top:var(--spacing, 24px);border-bottom-left-radius:var(--zonos-elements-radius-8);border-bottom-right-radius:var(--zonos-elements-radius-8);height:var(--footerHeight)}";
 const ZonosCardStyle0 = zonosCardCss;

package/dist/cjs/zonos-cart-items_13.cjs.entry.js

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-e1b59d03.js');
+const index = require('./index-b678ce0c.js');
+const cart = require('./cart-199b0751.js');
 const classes = require('./classes-b7918f56.js');
-const paypal = require('./paypal-86cc51e4.js');
-const zonosStore = require('./zonosStore-293bb3ba.js');
+const paypal = require('./paypal-4f1ee604.js');
+const zonosStore = require('./zonosStore-8971eb65.js');
 const createCustomEvent = require('./createCustomEvent-3e982e57.js');
-const getBorderRadius = require('./getBorderRadius-f72d8edf.js');
-const handleFetch = require('./handleFetch-4a90f091.js');
+const getBorderRadius = require('./getBorderRadius-f97c99ad.js');
+const handleFetch = require('./handleFetch-864d3c53.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-const isDarkColor = require('./isDarkColor-dd6d723b.js');
+const isDarkColor = require('./isDarkColor-434d71dd.js');
 const isColorVariable = require('./isColorVariable-525dbfa7.js');
 const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');
 
@@ -1415,7 +1415,7 @@ const ZonosCheckoutFinish = class {
                     void handleFetch.sendErrorLog({
                         endpoint: `${baseUrl}/api/zonos-elements/get-order?checkoutSessionId=${checkoutSessionId}&orderId=${order.id}`,
                         errors: [
-                            `Order found but legacy order number doesn’t exist after ${maxRetries} attempts`,
+                            `Order found but legacy order number doesn't exist after ${maxRetries} attempts`,
                         ],
                         metadata: {
                             allLogs: handleFetch.allLogs,
@@ -2014,7 +2014,7 @@ const ZonosCurrencyToggle = class {
         const { exchangeRate } = cart.cartStore;
         const options = exchangeRate &&
             exchangeRate.sourceCurrencyCode !== exchangeRate.targetCurrencyCode
-            ? ([
+            ? [
                 {
                     label: exchangeRate.sourceCurrencyCode,
                     value: exchangeRate.sourceCurrencyCode,
@@ -2023,7 +2023,7 @@ const ZonosCurrencyToggle = class {
                     label: exchangeRate.targetCurrencyCode,
                     value: exchangeRate.targetCurrencyCode,
                 },
-            ])
+            ]
             : [];
         // If there is only one currency, don't show the toggle
         if (!options.length) {

package/dist/cjs/zonos-checkout.cjs.entry.js

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-e1b59d03.js');
-const paypal = require('./paypal-86cc51e4.js');
-const zonosStore = require('./zonosStore-293bb3ba.js');
-const handleFetch = require('./handleFetch-4a90f091.js');
+const index = require('./index-b678ce0c.js');
+const cart = require('./cart-199b0751.js');
+const paypal = require('./paypal-4f1ee604.js');
+const zonosStore = require('./zonosStore-8971eb65.js');
+const handleFetch = require('./handleFetch-864d3c53.js');
 const createCustomEvent = require('./createCustomEvent-3e982e57.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const classes = require('./classes-b7918f56.js');
-const getBorderRadius = require('./getBorderRadius-f72d8edf.js');
-const isDarkColor = require('./isDarkColor-dd6d723b.js');
+const getBorderRadius = require('./getBorderRadius-f97c99ad.js');
+const isDarkColor = require('./isDarkColor-434d71dd.js');
 const styles = require('./styles-d1e64fb9.js');
-const CheckoutConfig = require('./CheckoutConfig-165db6b6.js');
+const CheckoutConfig = require('./CheckoutConfig-eaaf62a1.js');
 const RemoveIcon = require('./RemoveIcon-081ac073.js');
 
 /**
@@ -913,7 +913,7 @@ const ZonosCheckout = class {
             cart.cartStore.inventoryCheckErrorMessage =
                 await cart.stripeStoreHandleInventoryCheck();
         }
-        catch (err) {
+        catch (_a) {
             // If user provide callback and it throw an exception, default to this message and stop the payment.
             cart.cartStore.inventoryCheckErrorMessage = cart.translate('Unable to check inventory. Please try again.');
         }

package/dist/cjs/zonos-collapse.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d56e0a8b.js');
-const zonosStore = require('./zonosStore-293bb3ba.js');
+const index = require('./index-b678ce0c.js');
+const zonosStore = require('./zonosStore-8971eb65.js');
 
 const zonosCollapseCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;overflow:hidden}:host div{position:relative}:host iframe{width:0;height:100%;position:absolute;top:0;border:0}";
 const ZonosCollapseStyle0 = zonosCollapseCss;

package/dist/cjs/zonos-component.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d56e0a8b.js');
+const index = require('./index-b678ce0c.js');
 
 function format(first, middle, last) {
     return ((first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : ''));

package/dist/cjs/zonos-controller.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-e1b59d03.js');
-const zonosStore = require('./zonosStore-293bb3ba.js');
-const handleFetch = require('./handleFetch-4a90f091.js');
-require('./isDarkColor-dd6d723b.js');
-require('./getBorderRadius-f72d8edf.js');
+const index = require('./index-b678ce0c.js');
+const cart = require('./cart-199b0751.js');
+const zonosStore = require('./zonosStore-8971eb65.js');
+const handleFetch = require('./handleFetch-864d3c53.js');
+require('./isDarkColor-434d71dd.js');
+require('./getBorderRadius-f97c99ad.js');
 
 const getZonosSettings = async () => {
     const { errors, json, zonosMode } = await handleFetch.handleFetch('/api/zonos-elements/zonos-settings');

package/dist/cjs/zonos-country-flag.cjs.entry.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-e1b59d03.js');
-const zonosStore = require('./zonosStore-293bb3ba.js');
+const index = require('./index-b678ce0c.js');
+const cart = require('./cart-199b0751.js');
+const zonosStore = require('./zonosStore-8971eb65.js');
 const classes = require('./classes-b7918f56.js');
-require('./handleFetch-4a90f091.js');
-require('./isDarkColor-dd6d723b.js');
-require('./getBorderRadius-f72d8edf.js');
+require('./handleFetch-864d3c53.js');
+require('./isDarkColor-434d71dd.js');
+require('./getBorderRadius-f97c99ad.js');
 
 const zonosCountryFlagCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host .flag-container{position:relative;overflow:hidden;width:100%;height:100%}:host .flag-icon{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}";
 const ZonosCountryFlagStyle0 = zonosCountryFlagCss;

package/dist/cjs/zonos-country-select_4.cjs.entry.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-e1b59d03.js');
-const zonosStore = require('./zonosStore-293bb3ba.js');
+const index = require('./index-b678ce0c.js');
+const cart = require('./cart-199b0751.js');
+const zonosStore = require('./zonosStore-8971eb65.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
-const isDarkColor = require('./isDarkColor-dd6d723b.js');
+const isDarkColor = require('./isDarkColor-434d71dd.js');
 const ILanguage = require('./ILanguage-98b04442.js');
-require('./handleFetch-4a90f091.js');
-require('./getBorderRadius-f72d8edf.js');
+require('./handleFetch-864d3c53.js');
+require('./getBorderRadius-f97c99ad.js');
 
 /**
  * Fuse.js v7.0.0 - Lightweight fuzzy-search (http://fusejs.io)

package/dist/cjs/zonos-elements.cjs.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d56e0a8b.js');
+const index = require('./index-b678ce0c.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
- Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('zonos-elements.cjs.js', document.baseURI).href));